<!DOCTYPE html>
<!-- <html lang="cn"> -->

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>淘宝网 - 淘！我不喜欢</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
    <div class="wrapper-title">
        <div class="wrapper-title-nav-top">
            <div class="wrapper-title-nav-top-left left">
                <div class="nav-item left">
                    <a class="font-color-black" href="#">中国大陆</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <div class="nav-item left">
                    <a class="font-color-red" href="#">亲，请登录</a>
                </div>
                <div class="nav-item left padding-left--3px">
                    <a href="#">免费注册</a>
                </div>
                <div class="nav-item left">
                    <a href="#">手机逛淘宝</a>
                </div>
            </div>
            <div class="wrapper-title-nav-top-right right">
                <div class="nav-item right">
                    <i class="fa fa-bars font-color-red" aria-hidden="true"></i>
                    <a href="#">网站导航</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <div class="nav-item right">
                    <a href="#">联系客服</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <div class="nav-item right">
                    <a href="#">卖家中心</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <span class="nav-item right">|</span>
                <div class="nav-item right">
                    <a href="#">商品分类</a>
                </div>
                <div class="nav-item right">
                    <i class="fa fa-star font-color-hui" aria-hidden="true"></i>
                    <a href="#">收藏夹</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <div class="nav-item right">
                    <i class="fa fa-shopping-cart font-color-red" aria-hidden="true"></i>
                    <a href="#">购物车</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
                <div class="nav-item right">
                    <a href="#">我的淘宝</a>
                    <i class="fa fa-angle-down" aria-hidden="true"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper-top">
        <div class="wrapper-top-mid">
            <a class="taobaowang left" href="#">淘宝网</a>
            <div class="search">
                <div class="search-top">
                    <a class="search-top-a" href="#">宝贝</a>
                    <a class="font-color-red" href="#">天猫</a>
                    <a class="font-color-red" href="#">店铺</a>
                </div>
                <div class="search-mid">
                    <form action="http://www.baidu.com">
                        <div class="search-input-div left">
                            <i class="fa fa-search fa-2x padding-left-10px font-color-hui" aria-hidden="true"></i>
                            <input class="search-input " type="text" placeholder="洛丽塔">
                            <a href="http://image.baidu.com/?fr=shitu"><i class="fa fa-camera-retro fa-3x right padding-right-10px font-color-hui"></i></a>
                        </div>
                        <button type="submit" class="search-button left">搜索</button>
                    </form>

                </div>
                <div class="search-foot">
                    <a href="#">新款连衣裙</a>
                    <a href="#">四件套</a>
                    <a class="font-color-red" href="#">潮流T恤</a>
                    <a href="#">时尚女鞋</a>
                    <a href="#">短裤</a>
                    <a href="#">半身裙</a>
                    <a href="#">男士外套</a>
                    <a href="#">墙纸</a>
                    <a href="#">行车记录仪</a>
                    <a href="#">新款男鞋</a>
                    <a href="#">耳机</a>
                    <a href="#">时尚女包</a>
                    <a href="#">沙发</a>
                </div>
            </div>

            <div class="qr-mobile-taobao" id="qr">
                <div class="x">
                    <a href="#" onclick="document.getElementById('qr').style.display='none'"><i class="fa fa-times"
                            aria-hidden="true"></i></a>
                </div>
                <a href="https://mpage.taobao.com/hd/download.html?spm=a21bo.2017.201858.1.5af911d9VRZgmX" target="_blank">
                    <span>手机淘宝</span>
                    <img src="images/TB18W1cQFXXXXaWXXXXXXXXXXXX-160-160.png" alt="手机淘宝二维码">
                </a>
            </div>
        </div>
    </div>
    <div class="wrapper-nav">
        <div class="wrapper-nav-center">
            <div class="wrapper-nav-left left">
                <h1 class="font-color-white">主题市场</h1>
            </div>
            <div class="wrapper-nav-right left">
                <ul class="wrapper-nav-ul1">
                    <li class="wrapper-nav-li"><a href="#">天猫</a></li>
                    <li class="wrapper-nav-li"><a href="#">聚划算</a></li>
                    <li class="wrapper-nav-li"><a href="#">天猫超市</a></li>
                </ul>
                <li class="wrapper-nav-li">|</li>
                <ul class="wrapper-nav-ul1 wrapper-nav-ul2">
                    <li class="wrapper-nav-li"><a href="#">淘抢购</a></li>
                    <li class="wrapper-nav-li"><a href="#">电器城</a></li>
                    <li class="wrapper-nav-li"><a href="#">司法拍卖</a></li>
                    <li class="wrapper-nav-li"><a href="#">中国智造</a></li>
                    <li class="wrapper-nav-li"><a href="#">兴农扶贫</a></li>
                </ul>
                <li class="wrapper-nav-li">|</li>
                <ul class="wrapper-nav-ul1 wrapper-nav-ul2">
                    <li class="wrapper-nav-li"><a href="#">飞猪旅行</a></li>
                    <li class="wrapper-nav-li"><a href="#">智能生活</a></li>
                    <li class="wrapper-nav-li"><a href="#">苏宁易购</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="wrapper-body-center">
        <div class="wrapper-body-left left">
            <!--ul.wrapper-body-ul>li.wrapper-body-li*16>a*3 -->
            <ul class="wrapper-body-ul">
                <li class="left wrapper-body-li">
                    <a href="">女装</a>
                    /
                    <a href="">男装</a>
                    /
                    <a href="">内衣</a>
                </li>
                <i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">鞋靴</a>
                    /
                    <a href="">箱包</a>
                    /
                    <a href="">配件</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">童装玩具</a>
                    /
                    <a href="">孕产</a>
                    /
                    <a href="">用品</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">家电</a>
                    /
                    <a href="">数码</a>
                    /
                    <a href="">手机</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">美妆</a>
                    /
                    <a href="">洗护</a>
                    /
                    <a href="">保健品</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">珠宝</a>
                    /
                    <a href="">眼镜</a>
                    /
                    <a href="">手表</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">运动</a>
                    /
                    <a href="">户外</a>
                    /
                    <a href="">乐器</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">游戏</a>
                    /
                    <a href="">动漫</a>
                    /
                    <a href="">影视</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">美食</a>
                    /
                    <a href="">生鲜</a>
                    /
                    <a href="">零食</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">鲜花</a>
                    /
                    <a href="">宠物</a>
                    /
                    <a href="">农资</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">工具</a>
                    /
                    <a href="">装修</a>
                    /
                    <a href="">建材</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">家具</a>
                    /
                    <a href="">家饰</a>
                    /
                    <a href="">家纺</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">汽车</a>
                    /
                    <a href="">二手车</a>
                    /
                    <a href="">用品</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">办公</a>
                    /
                    <a href="">DIY</a>
                    /
                    <a href="">五金电子</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">百货</a>
                    /
                    <a href="">餐厨</a>
                    /
                    <a href="">家庭保健</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
                <li class="left wrapper-body-li">
                    <a href="">学习</a>
                    /
                    <a href="">卡券</a>
                    /
                    <a href="">本地服务</a>
                </li><i class="fa fa-angle-right right" aria-hidden="true"></i>
            </ul>
        </div>
        <div class="wrapper-body-images-left left">
            <div class="wrapper-body-images-left-top"><a href="https://market.m.taobao.com/apps/abs/10/347/7a0690?spm=a21bo.2017.201862-1.d1.5af911d9Dgngvw&pos=1&_wvUseWKWebView=YES&psId=1190014&acm=20140506001.1003.2.4264923&scm=1003.2.20140506001.OTHER_1539335938409_4264923"
                    target="_blank"></a></div>
            <div class="wrapper-body-images-left-center">
                <span class="image-tianmao"></span>
                <div class="image-tianmao-shangtianmao margin-top-4px"><span class="shangtianmao">理想生活上天猫</span></div>
                <div class="body-images-left-bottom-page right"><span class="font-color-red">1</span>/<span>6</span></div>
            </div>
            <div class="wrapper-body-images-left-bottom">
                <div class="wrapper-body-images-box box111"><a href="" id="box1" class="box"></a></div>
                <div class="wrapper-body-images-box box222"><a href="" id="box2" class="box"></a></div>
                <div class="wrapper-body-images-box box222"><a href="" id="box3" class="box"></a></div>
                <div class="wrapper-body-images-box box222"><a href="" id="box4" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box5" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box6" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box7" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box8" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box9" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box10" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box11" class="box"></a></div>
                <div class="wrapper-body-images-box"><a href="" id="box12" class="box"></a></div>
            </div>
        </div>
        <div class="wrapper-body-images-right">
            <div class="wrapper-body-images-right1">
                <a href="https://market.m.taobao.com/apps/abs/5/45/3d78d?spm=a21bo.2017.201860.1.5af911d9p0QDyQ&scm=20140637.1.62316.234904&wh_weex=true&data_prefetch=true&psId=72017&pcPsId=72018"
                    class="wrapper-body-images-right-img1" target="_blank"></a>
            </div>
            <div class="wrapper-today-sale">
                <span class="today-sale">今日熱賣</span>
            </div>
            <div class="wrapper-body-images-right2">
                <a href="https://market.m.taobao.com/apps/abs/5/45/3d78d?spm=a21bo.2017.201860.1.5af911d9p0QDyQ&scm=20140637.1.62316.234904&wh_weex=true&data_prefetch=true&psId=72017&pcPsId=72018"
                    class="wrapper-body-images-right-img2" target="_blank"></a>
            </div>
        </div>
        <div class="wrapper-body-right right">
            <div class="wrapper-body-right-image">
                <a id="head-photo" href=""><img src="images/28364829458172749.png" alt="我是馬雲"></a>
                <span>Hi!&nbsp;&nbsp;你好</span>
                <div class="wrapper-tao-gold">
                    <a href=""><i class="fa fa-gift" aria-hidden="true"></i>&nbsp;领淘金币抵钱</a>&nbsp;&nbsp;<a href=""><i
                            class="fa fa-smile-o" aria-hidden="true"></i>&nbsp;会员俱乐部</a></div>
                <div class="wrapper-body-right-login">
                    <a href="#" class="btn-login btn-login-login" type="button">登录</a>
                    <a href="#" class="btn-login" type="button">注册</a>
                    <a href="#" class="btn-login" type="button">开店</a>
                </div>
            </div>
            <div class="wrapper-body-right-report">
                <a href="http://report.12377.cn:13225/toreportinputNormal_anis.do?spm=a21bo.2017.0.0.5af911d9A2xBPY&file=toreportinputNormal_anis.do"
                    target="_blank">网上有害信息举报专区<i class="fa fa-play" aria-hidden="true"></i></a>
            </div>
            <div class="wrapper-body-right-news">
                <ul class="news-ul">
                    <li class="news-li news-li-1 left"><a href="#">公告</a></li>
                    <li class="news-li left"><a href="#">规则</a></li>
                    <li class="news-li left"><a href="#">论坛</a></li>
                    <li class="news-li left"><a href="#">安全</a></li>
                    <li class="news-li left"><a href="#">公益</a></li>
                </ul>
                <div class="wrapper-body-right-news2">
                    <p><a href="" class="font-color-red">高盛银行重申对阿里买入评级</a></p>
                    <p><a href="">人民日报赞阿里新零售</a><a href="" class="padding-left-10px">天猫国际进口消费翻倍</a></p>
                </div>
            </div>
            <div class="wrapper-body-right-box">
                <ul class="box-ul">
                    <li class="box-li"><a href="#"><span id="span1"></span>
                            <p>充话费</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span2"></span>
                            <p>旅行</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span3"></span>
                            <p>车险</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span4"></span>
                            <p>游戏</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span5"></span>
                            <p>彩票</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span6"></span>
                            <p>电影</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span7"></span>
                            <p>酒店</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span8"></span>
                            <p>理财</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span9"></span>
                            <p>找服务</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span10"></span>
                            <p>演出</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span11"></span>
                            <p>水电煤</p>
                        </a></li>
                    <li class="box-li"><a href="#"><span id="span12"></span>
                            <p>火车票</p>
                        </a></li>
                </ul>
            </div>
            <div class="ali-app">
                <span>阿里APP</span><a href="">更多<i class="fa fa-angle-right" aria-hidden="true"></i></a>
            </div>
            <div class="wrapper-body-right-app">
                <ul class="app-ul">
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/234523763457.webp" alt="支付宝"></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/5685679o673.webp" alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/34563uy45u456365.webp" alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/345uy67ur67ue56.webp" alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/3457645874567yerty.webp"
                                alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/aiewurt893e4yt3eioh.webp"
                                alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/76894353hurtujtyweruhytr.webp"
                                alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/seiarouto9843wyto9laeh4rotif.webp"
                                alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/564689uehutyre56u67.webp"
                                alt=""></a></li>
                    <li class="app-li"><a href=""><img src="./images/wrapper-body-right-app/fdhryke673.webp" alt=""></a></li>
                </ul>
            </div>
        </div>
        <div class="taobao-news">
            <div class="taobao-news-img">
                <img src="./images/TB1KbhkbUgQMeJjy0FeXXXOEVXa-129-26.png" alt="">
                <p>让你的生活更有趣</p>
            </div>
            <a href="">
                <img src="./images/JND_UQ$P2CWP1)8}7BH~246.jpg" alt="">
                <div class="taobao-news-paragraph">
                    <p id="news-p">一些生活上的小建议</p>
                    <p>1、多花些时间和能让你快乐的人在一起，少一些时间和那些让你感到压力的人相处。
                        2、决不要说别人的梦想是不可能的。当他们证明你错的时候，你会感觉自己像个傻瓜。
                        3、不管你犯了多少错或者进度多慢，你仍然比那些没有开始的人领先。
                        4、当想法强烈时，做就变得简单了。</p>
                </div>
            </a>
            <a href="">更多&nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i></a>
        </div>
    </div>
    <div class="wrapper-life">

    </div>
</body>

</html>